@function toRem($px){
    @return($px/750)*100vw
}
.click-button{
    width: 100%;
    margin: 0 auto;
    height: toRem(80);
    text-align: center;
    margin-top:toRem(30) ;
    border-radius: 20px;
        // 渐变盒子
    .button-Box{
            width: 100%;
            height: 100%;
            position: relative;
        .gradient-box{
        
            width: 100%;
            height: toRem(300);
            position: absolute;
            top: toRem(-300);
            // linear-gradient() 来进行颜色渐变
            background-image: linear-gradient(rgba(255,255,255,0),#fff);
            left: 0;
                // 渐变箭头
            .gradient-box-arrow{
                    position: absolute;
                    display: inline-block;
                    width: toRem(20);
                    height: toRem(30);
                    bottom: 0;
                    left: 50%;
                    transform:translateX(-50%);
                    background: url('../../img/arrow.png') no-repeat center center ;
                    background-size: cover;
                    animation: arrowAnimation 0.5s alternate infinite;
            }
            
        }
    }
        // 按钮
        .click-button-title{
            display: inline-block;
            height: toRem(80);
            line-height: toRem(80);
            text-align: center;
            color: white;
            font-size: 16px;
            
        } 
        .click-button-icon{
            position: relative;
        }
        .click-button-icon::after{
            content: '';
            position: absolute;
            width: toRem(40);
            height: toRem(40);
            right: toRem(-40);
            top: 50%;
            
            transform: translateY(-50%);
            background: url('http://127.0.0.1:5501/js-component-demo/dist/evoke-ui/97b76d50e41e1c450eeb.png') no-repeat center center;
            background-size: contain;
        }

}
      // 按钮渐变颜色
      .click-button-red{
        background-color: red;
    }
    .click-button-blue{
        background-color: blue;
    }  
.content-open{
    -webkit-line-clamp: 50 !important;
}
@keyframes arrowAnimation {
    0%{
        transform: translate3d(0,-100%,0);
    }
    100%{
        transform: translate3d(0,-10%,0);
    }
}